@extends('layouts.app')
@section('title', '课程')

@section('content')
    <!-- 课程Home -->
    <div class="courseHome">
        <div class="crumbs">
            <ol class="breadcrumb">
                <li> <span class="glyphicon glyphicon-home " aria-hidden="true"></span>   <a href="javascript:;">首页</a></li>
                <li><a href="javascript:;">广场</a></li>
                <li class="active">招聘信息</li>
            </ol>
        </div>
        <div class="courseAbstract">
            <img class="fmImg fl" src="{{ asset('/img') }}/img_sm19.jpg" alt="">
            <div class="abstraca fl">
                <div class="title">
                    <h3>Windows 32 API 基础</h3>
                </div>
                <div class="tips">
                    <p>主讲： 花菜</p><p>学习人数：135人</p><p>总共 : 13.5 小时</p><p>难度级别 : 适中</p><p>点播次数 10.3k</p>
                </div>
                <div class="info">
                    <p>Win32是指Microsoft Windows操作系统的32位环境，与Win64 都为Windows常见环境。如今的Win32操作系统可以一边听音乐，一边编程，一边打印文档。学习Win32多线程不仅对理解Win32本身有重要意义。</p>
                </div>
                <div class="collectShare">
                    <a class="collectBtn" href="javascript:;" title="加入收藏">加入收藏</a>
                    <ul>
                        <li><a href="javascript:;" class="wx"></a></li>
                        <li><a href="javascript:;" class="qq"></a></li>
                        <li><a href="javascript:;" class="wb"></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="courseCont">
            <div class="introduce fl">
                <div class="title">
                    <h3>课程目录</h3>
                    {{--<h4>课程简介</h4>--}}
                    <p>加入VIP会员，全站课程免费点播10次</p>
                </div>
                <div class="fileList">
                    <div class="file">
                        <div class="oneLevel">
                            <span></span>
                            <a href="javascript:;">windows32 基础</a>
                        </div>
                        <div class="twoLevel " style="display: block;">
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href=" {{ route('lessons.video') }} " target="_blank" >_01 win32课程介绍</a>
                                <i  >2017-04-10</i>
                                <var  >不限制</var>
                                <p  >免费试听</p>
                            </div>
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;"  >02 windows 宽字符</a>
                                <i>2017-04-10</i>
                                <var >不限制</var>
                                <p  >免费试听</p>
                            </div>
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;"  >03 windows 编码</a>
                                <i>2017-04-10</i>
                                <var >不限制</var>
                                <p  >免费试听</p>
                            </div>
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;"  >04 UTF-8</a>
                                <i>2017-04-10</i>
                                <var >不限制</var>
                                <p  >免费试听</p>
                            </div>
                        </div>
                    </div>
                    <div class="file">
                        <div class="oneLevel">
                            <span></span>
                            <a href="javascript:;">windows 进程基础</a>
                        </div>
                        <div class="twoLevel " style="display: block;">
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;" class="red">[付费课节] 01 句柄</a>
                                <i>2017-04-10</i>
                                <var class="red">需支付10¥ </var>
                                <p class="red"></p>
                            </div>
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;" >0 进程结构体</a>
                                <i>2017-04-10</i>
                                <var  >不限制</var>
                                <p  >免费试听</p>
                            </div>
                        </div>
                    </div>
                    <div class="file">
                        <div class="oneLevel">
                            <span></span>
                            <a href="javascript:;">windows 线程</a>
                        </div>
                        <div class="twoLevel " style="display: block;">
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;" >01 线程创建</a>
                                <i>2017-04-10</i>
                                <var class="green">可点播8次</var>
                                <p class="green">已购买</p>
                            </div>
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;" >02 线程结构体</a>
                                <i>2017-04-10</i>
                                <var  >不限制</var>
                                <p  >免费试听</p>
                            </div>
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;" >03 线程互斥体 </a>
                                <i>2017-04-10</i>
                                <var  c>不限制</var>
                                <p  >免费试听</p>
                            </div>
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;"  >04 线程同步 </a>
                                <i>2017-04-10</i>
                                <var  >不限制</var>
                                <p >免费试听</p>
                            </div>
                            <div class="rowDiv">
                                <img src="{{ asset('/img') }}/img_sm26.png" alt="">
                                <a href="javascript:;"  >05 线程事件 </a>
                                <i>2017-04-10</i>
                                <var  >不限制</var>
                                <p  >免费试听</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="recommendCont fr">
                <!-- 推荐课程 -->
                <div class="recommend" id="recommend">
                    <div class="title"><h3>推荐课程</h3></div>
                    <ul>
                        <li>
                            <a href="javascript:;" class="tit">数据库课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">Windows32基础课程-童老师Windows32基础课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">Windows32基础课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">数据库课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 随机课程 -->
                <div class="recommend" id="random">
                    <div class="title"><h3>推荐课程</h3></div>
                    <ul>
                        <li>
                            <a href="javascript:;" class="tit">数据库课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">Windows32基础课程-童老师Windows32基础课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">Windows32基础课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" class="tit">数据库课程-童老师</a>
                            <div class="introduce">
                                <img src="{{ asset('/img') }}/img_sm19.jpg" alt="">
                                <p><i>0</i>人喜欢</p>
                                <a href="javascript:;" title="查看课程">查看课程</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
@stop
@section('script')
    <script>

    </script>
@stop